<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>智飨科技食品餐饮安全网管理后台</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="智飨科技-食品餐饮安全网 " />
    <meta name="author" content="hhp" />
    <meta name="keyword" content="智能化餐饮,智飨科技,物联网,食品安全,智能厨房,家宴,餐饮标准化管理" />
    <link rel="icon" href="images/logo1.png" type="image/x-icon"/>
    <script src="../js/common/css/commonCss.js" type="text/javascript"></script>
</head>
<body class="skin-blue">
<script src="../js/common/head.js" type="text/javascript"></script>
<div class="wrapper row-offcanvas row-offcanvas-left">
    <script src="../js/common/leftNav.js" type="text/javascript"></script>
    <div class='copyrights'>
        Collect from <a href='http://www.zhixiangyun.cn/'  title='智飨科技'>智飨科技</a>
        <span id='teShiro' style='display:none'><shiro:principal property='userName'></shiro:principal></span>
        <span id='teShiro2' style='display:none'><shiro:principal property='insertTime'></shiro:principal></span>
        <div style='display:none;' id='currentUser'><shiro:principal property='id'></shiro:principal></div>
        <div style='display:none;' id='currentUserSdId'><shiro:principal property='sdId'></shiro:principal></div>
        <div style='display:none;' id='currentUserIsZX'><shiro:principal property='zx'></shiro:principal></div>
        <div style='display:none;' id='currentUserProfession'><shiro:principal property='profession'></shiro:principal></div>
    </div>
    <aside class="right-side" id="main">
        <script src="../js/common/message/message.js" type="text/javascript"></script>
        <section class="content">

            <div class="row">
                <div class="col-lg-3 col-xs-6">
                    <!-- small box -->
                    <div class="small-box bg-aqua">
                        <div class="inner">
                            <h3 id="trialSigning" style="color:chartreuse">

                            </h3>
                            <p>
                                待审签单
                            </p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-bag"></i>
                        </div>
                        <a href="/selfCheck/getModularPage" class="small-box-footer">
                            更多 <i class="fa fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-6">
                    <div class="small-box bg-green">
                        <div class="inner">
                            <h3 style="color:crimson">
                                6
                            </h3>
                            <p>
                                阳光厨房
                            </p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-stats-bars"></i>
                        </div>
                        <a href="/brightkitchen/getPage" class="small-box-footer">
                            更多 <i class="fa fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div><!-- ./col -->
                <div class="col-lg-3 col-xs-6">
                    <!-- small box -->
                    <div class="small-box bg-yellow">
                        <div class="inner">
                            <h3 id="employmentViolation" style="color:lawngreen">

                            </h3>
                            <p>
                                当前从业违规
                            </p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-person-add"></i>
                        </div>
                        <a href="/earlyWarning/getPage" class="small-box-footer">
                            更多 <i class="fa fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div><!-- ./col -->
                <div class="col-lg-3 col-xs-6">
                    <!-- small box -->
                    <div class="small-box bg-red">
                        <div class="inner">
                            <h3 id="zoneAlarm" style="color:blueviolet">

                            </h3>
                            <p>
                                当前区域警报
                            </p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-pie-graph"></i>
                        </div>
                        <a href="/earlyWarning/getPage" class="small-box-footer">
                            更多 <i class="fa fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div><!-- ./col -->
            </div><!-- /.row -->

            <div class="row">
                <div class="col-xs-12 connectedSortable">

                </div><!-- /.col -->
            </div>

            <div class="row">
                <section class="col-lg-6 connectedSortable">
                    <!-- 食材农药残留检测 -->
                    <div class="box box-primary">
                        <div class="box-header">
                            <i class="ion ion-clipboard"></i>
                            <h3 class="box-title">食材检测</h3>
                            <div class="pull-right box-tools">
                                <button class="btn btn-alt btn-sm refresh-btn" data-toggle="tooltip" title="重新加载"><i class="fa fa-refresh"></i></button>
                                <button class="btn btn-alt btn-sm" data-widget='collapse' data-toggle="tooltip" title="隐藏"><i class="fa fa-minus"></i></button>
                                <button class="btn btn-alt btn-sm" data-widget='remove' data-toggle="tooltip" title="关闭"><i class="fa fa-times"></i></button>
                            </div>
                        </div><!-- /.box-header -->
                        <div class="box-body" id="foodInspectionDiv" style="position: relative;background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;overflow: hidden;width: auto;height: 250px;">
                            <ul class="todo-list" id="foodInspection">
                            </ul>
                        </div><!-- /.box-body -->
                        <div class="box-footer clearfix no-border">
                            <button id="but_down" class="updown btn btn-alt pull-left"><i class="fa fa-angle-up"></i></button>
                            <button id="but_up" class="updown btn btn-alt pull-right"><i class="fa fa-angle-down"></i></button>
                        </div>
                    </div>

                </section><!-- right col -->

                <section class="col-lg-6 connectedSortable">

                    <!-- TO DO List -->
                    <div class="box box-primary">

                        <div class="box-header">
                            <i class="ion ion-clipboard"></i>
                            <h3 class="box-title">安全巡查</h3>
                            <div class="pull-right box-tools">
                                <button class="btn btn-alt btn-sm refresh-btn" data-toggle="tooltip" title="重新加载"><i class="fa fa-refresh"></i></button>
                                <button class="btn btn-alt btn-sm" data-widget='collapse' data-toggle="tooltip" title="隐藏"><i class="fa fa-minus"></i></button>
                                <button class="btn btn-alt btn-sm" data-widget='remove' data-toggle="tooltip" title="关闭"><i class="fa fa-times"></i></button>
                            </div>

                        </div><!-- /.box-header  -->

                        <div class="box-body col-lg-12 cover" style="height: 20.95em;" id="barrage-msg0">

                        </div><!-- /.box-body -->

                        <div class="box-footer clearfix no-border">

                        </div>
                    </div><!-- /.box -->

                </section>
            </div><!-- /.row (main row) -->
        </section><!-- /.content -->

        <!-- Left col -->
        <section class="col-lg-12 connectedSortable">
            <!-- Box (with bar chart) -->
            <div class="box box-danger" id="loading-example">
                <div class="box-header">
                    <!-- tools box -->
                    <div class="pull-right box-tools">
                        <button class="btn btn-alt btn-sm refresh-btn" data-toggle="tooltip" title="Reload"><i class="fa fa-refresh"></i></button>
                        <button class="btn btn-alt btn-sm" data-widget='collapse' data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
                        <button class="btn btn-alt btn-sm" data-widget='remove' data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
                    </div><!-- /. tools -->
                    <i class="fa fa-cloud"></i>

                    <h3 class="box-title">当前异常抓拍</h3>
                </div><!-- /.box-header -->
                <div class="box-body no-padding">
                    <div class="row">
                        <div class="col-sm-12">
                            <!-- bar chart -->
                            <!--<div class="chart" id="bar-chart" style="height: 250px;"></div>-->
                            <div class="chart" id="bar-main" style="width:100%;height: 250px;"></div>
                        </div>
                    </div><!-- /.row - inside box -->
                </div><!-- /.box-body -->
                <div class="box-footer">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="pad">
                                <!-- Progress bars -->
                                <div class="clearfix">
                                    <span class="pull-left">不戴口罩</span>
                                    <small class="pull-right" id="smBDKCount"></small>
                                </div>
                                <div class="progress xs">
                                    <div class="progress-bar progress-bar-green" id="smBDKCountDiv"></div>
                                </div>

                                <div class="clearfix">
                                    <span class="pull-left">不明人员</span>
                                    <small class="pull-right" id="smBMCount"></small>
                                </div>
                                <div class="progress xs">
                                    <div class="progress-bar progress-bar-red" id="smBMCountDiv"></div>
                                </div>
                                <!-- Buttons -->
                                <p>
                                    <button class="btn btn-alt btn-sm"><i class="fa fa-cloud-download"></i> 生成EXCEL报表</button>
                                </p>
                            </div><!-- /.pad -->
                        </div>

                    </div><!-- /.row -->
                </div><!-- /.box-footer -->
            </div><!-- /.box -->

        </section><!-- /.Left col -->


        <section class="col-lg-12 connectedSortable">

            <!-- Calendar -->
            <div class="box box-warning">
                <div class="box-header">
                    <i class="fa fa-calendar"></i>
                    <div class="box-title" style="margin-top: -0.22em;">菜谱</div>

                    <!-- tools box -->
                    <div class="pull-right box-tools">
                        <button id="btn-search-close" class="btn btn-alt btn-sm btn--search-close btn--hidden" style="z-index: 9999999;"><i class="iconfont iconjibing" style="font-size: 1em;"></i></button>
                        <button class="btn btn-alt btn-sm" data-widget='collapse' data-toggle="tooltip" title="隐藏"><i class="fa fa-minus"></i></button>
                        <button class="btn btn-alt btn-sm" data-widget='remove' data-toggle="tooltip" title="关闭"><i class="fa fa-times"></i></button>
                    </div><!-- /. tools -->
                </div><!-- /.box-header -->
                <div class="box-body no-padding main-wrap">
                    <!--The calendar -->
                    <div id="calendar"></div>
                </div><!-- /.box-body -->
            </div><!-- /.box -->
        </section>

    </aside><!-- /.right-side -->

</div><!-- ./wrapper -->
<script src="/js/common/js/commonJs.js" type="text/javascript"></script>
<script src="/js/home/home.js"></script>
<script type="text/javascript" src="/js/error.js"></script>
</body>
</html>
